<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

    <link rel="stylesheet" href="../css/WYzz.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_731881_sc09ou70r5.css">

</head>
<body>
<!--网页制作-网页头部-开始 -->
<header>
    <!--加heatertext 目的是给图标i和文本span加父元素，用于后面父子选择器使用（垂直对齐） -->
  <div class="safe-area heatertext">
      <i class="iconfont icon-dianhua"></i>
      <span class="mr20">客服热线：400-809-0040</span>
      <span>工作日：09:00-18:00</span>
  </div>
    <!--网页制作-网页头部-结束 -->
</header>



<!-- Banner 开始 -->
<section id="Banner">
    <div class="wenzi1">
        <img src="../image/wz.png">
    </div>
    <p class="wenzi2">想借款，找联金e贷</p>
    <div class="button-group">
        <button type="button">
            <i class="iconfont icon-pingguotubiao"></i>
            iPhone版下载
        </button>
        <button type="button">
            <i class="iconfont icon-anzhuotubiao"></i>
            Android版下载
        </button>
    </div>
    <p class="wenzi3">或关注微信公众号</p>
    <div class="ewm">
        <img src="../image/EWM.jpg">
    </div>
</section>
<!-- Banner 结束 -->


<!--开始制作Banner下面几个楼层，因为楼层高、排版方式（左右式）、 都一样，
    所以写在最上面 ，样式共用，这样后面重复的样式不用写太多-->


<!--第一层 开始-->
<section id="floor-01">
    <div class="safearea">
        <div class="tupian1 fl-left">
            <img src="../image/ren-1.png">
        </div>
        <div class="lcwz01 fl-right">
            <h1>方便快捷，额度高</h1>
            <p>手机app在线申请，最高可获得30万贷款</p>
        </div>
    </div>
</section>
<!--第一层 floor-02 结束-->


<!--第二层 开始 -->
<section id="floor-02">
    <div class="safearea">
        <div class="lcwz02 fl-left">
            <h1>流程简单，纯信用</h1>
            <p>线上操作自动化，无需抵押与担保</p>
        </div>
        <div class="tupian2 fl-right">
            <img src="../image/ren-2.png">
        </div>
    </div>
</section>
<!--第二层 结束 -->


<!--第三层 开始-->
<section id="floor-03">
    <div class="safearea">
        <div class="tupian3 fl-left">
            <img src="../image/ren-3.png">
        </div>
        <div class="lcwz03 fl-right">
            <h1>审批高效，放款快</h1>
            <p>快速审批，在最短时间内放款</p>
        </div>
    </div>
</section>
<!--第三层 结束-->


<!--楼层四 开始 -->
<section id="floor-04">
    <div class="safearea">
        <div class="lcwz04 fl-left">
            <h1>关于我们</h1>
            <p>联金e贷是深圳联合金融小额贷款股份有限公司（简称“联<br/>金微贷”）旗下的互联网金融
                服务平台，致力于为小微企业<br/>个体商户及广大工薪阶层</p>
        </div>
        <div class="tupian4 fl-right">
            <img src="../image/ren-4.png">
        </div>
    </div>
</section>
<!--楼层四 结束 -->


<!--楼层五 开始 -->
<section id="floor-05">
    <div class="safearea">
    <div class="tupian5 fl-left">
        <img src="../image/ditu.png">
    </div>
    <div class="lcwz05 fl-right">
        <h1>联系我们</h1>
        <div class="f5">
            <div class="KtoH">
                <i class="iconfont icon-dingwei"></i>
                <span>办公地址：</span>
            </div>
            <div class="KtoH">
                <p>房价开始放假了上看身份及深刻<br/>快乐圣诞节福利卡减肥了空间</p>
            </div>
        </div>
        <div>
            <div class="jianju1">
                <i class="iconfont icon-dianhua1"></i>
                <span>客服热线：1233122323322333</span>
            </div>
            <div>
                <i class="iconfont icon-shijian"></i>
                <span>工作日：09:00-18:00</span>
            </div>
        </div>
    </div>
    </div>
</section>
<!--楼层五 结束 -->


<!--最底层 开始 -->
<footer id="last">
    <span>版权所有:深圳联合金融小额贷款股份有限公司copyright©2012 粤ICP备21212121号</span>
</footer>
<!--最底层 结束 -->


<!--浮动层 开始-->
<section id="fixed">
    <div class="safearea">
        <span class="1">下载APP</span>
        <button type="button" class="b1">
            <i class="iconfont icon-pingguotubiao"></i>
            iPhone版下载
        </button>
        <button type="button" class="b2">
            <i class="iconfont icon-anzhuotubiao"></i>
            Android版下载
        </button>
        <span class="2">或关注公众号</span>
        <img src="../image/EWM.jpg">
    </div>
</section>
<!--浮动层 结束-->


</body>
</html>